<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Volter Creative Studios HTML5 Template | Blog Single</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Responsive -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/responsive.css" rel="stylesheet">
<!--[if lt IE 10]><link href="css/ie.css" rel="stylesheet"><![endif]-->
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>
<div class="page-wrapper">
 	
    <!-- Preloader -->
    <div class="preloader"></div>
 	
    <!-- Main Header / Header Style Three-->
    <header class="main-header header-style-three">
        
        <!-- Header Container -->
        <div class="header-container">
            
            <!--Logo Container-->
            <div class="logo-container padd-top-30 padd-bott-30">
            	<div class="auto-container">
            		<!-- Logo -->
                    <div class="logo text-center">
                        <a href="index.html"><img src="images/logo-4.png" alt="Volter"></a>
                     </div>    
                </div>
            </div>
            
            <div class="header-upper bg-light-grey">
                <div class="auto-container clearfix">
                
                    <!-- Main Menu -->
                    <nav class="main-menu">
                        
                        <div class="navbar-header">
                            <!-- Toggle Button -->    	
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        
                        <div class="navbar-collapse collapse clearfix">
                            <ul class="navigation">
                                <li class="dropdown"><a href="index.html">Home</a>
                                    <ul>
                                        <li><a href="index.html">Home Version One</a></li>
                                        <li><a href="index-2.html">Home Version Two</a></li>
                                        <li><a href="index-3.html">Home Version Three</a></li>
                                        <li><a href="index-4.html">Home Version Four</a></li>
                                    </ul>
                                </li>
                                <li><a href="about.html">About</a></li>
                                <li class="dropdown"><a href="portfolio.html">Portfolio</a>
                                    <ul>
                                        <li><a href="portfolio.html">Portfolio One</a></li>
                                        <li><a href="portfolio-2.html">Portfolio Two</a></li>
                                        <li><a href="portfolio-3.html">Portfolio Three</a></li>
                                        <li><a href="portfolio-4.html">Portfolio Four</a></li>
                                        
                                    </ul>
                                </li>
                                <li><a href="services.html">Service</a></li>
                                <li class="current dropdown"><a href="blog.html">Blog</a>
                                    <ul>
                                        <li><a href="blog.html">Blog Style One</a></li>
                                        <li><a href="blog-2.html">Blog Style Two</a></li>
                                        <li><a href="blog-single.html">Blog Single</a></li>
                                    </ul>
                                </li>
                                <li><a href="contact.html">Contact</a></li>
                            </ul>
                        </div>
                    </nav><!-- Main Menu End-->
                    
                    <!--Social Links-->
                    <div class="upper-right clearfix">
                    	<div class="social-links">
                        	<a href="blog-single.html#"><span class="fa fa-facebook-f"></span></a>
                            <a href="blog-single.html#"><span class="fa fa-twitter"></span></a>
                            <a href="blog-single.html#"><span class="fa fa-pinterest"></span></a>
                            <a href="blog-single.html#"><span class="fa fa-behance"></span></a>
                        </div>
                    
                        <!--Search Box-->
                        <div class="search-box">
                            <form method="post" action="index.html">
                                <div class="form-group">
                                    <input type="search" name="search" value="" placeholder="Search">
                                    <button type="submit" class="theme-btn"><span class="fa fa-search"></span></button>
                                </div>
                            </form>
                        </div>
                        
                    </div>
                    
                </div>
            </div>
        </div><!-- Header Container End-->
        
    </header><!--End Main Header -->
    
    
    <!--Page Title-->
    <section class="page-title" style="background-image:url(images/background/bg-page-titlle-1.jpg);">
    	<div class="auto-container text-center">
        
            <h3 class="spaced-text">LATEST NEWS FROM BLOG</h3>
            <h2 class="page-name">BLOG Single</h2>
            
            <!--Bread Crumb-->
            <ul class="bread-crumb clearfix">
                <li><a href="blog-single.html#">Home</a></li>
                <li class="active">Blog</li>
            </ul>
            
            <a href="blog-single.html#" class="vertical-link left"><span>OUR&ensp;PORTFOLIO</span></a>
            <a href="blog-single.html#" class="vertical-link right"><span>&ensp;Contact&ensp;Us</span></a>
            
        </div>
    </section>
    
    <!--Sidebar Page Container-->
    <div class="sidebar-page-container">
    	<div class="auto-container">
        	<div class="row clearfix">
            	
                <!--Content Side-->
                <div class="content-side col-lg-9 col-md-8 col-sm-12 col-xs-12 pull-right">
                	<div class="blog-posts-outer default-blog-section no-padd-bottom no-padd-top style-two blog-details">
                    	
                        <!--Default Blog Post / Blog Details-->
                        <article class="default-post-style blog-post blog-details style-one left-aligned">
                            
                            <figure class="blog-image margin-bott-30"><img src="images/resource/blog-image-10.jpg" alt=""></figure>
                            
                            <div class="default-content-box">
                                <div class="default-post-title">
                                    <h3><a href="blog-single.html#">LOREM IPSUM DOLORADO CONSEC TUERER</a></h3>
                                </div>
                                <div class="content-box">
                                    <div class="default-post-info"><a href="blog-single.html#">WEB DESIGN</a>, <a href="blog-single.html#">26/06/2010</a>,  by <a href="blog-single.html#">Admin</a>,  <a href="blog-single.html#">125 Likes</a>,   <a href="blog-single.html#">250 Comments</a></div>
                                    <div class="text margin-bott-30">
                                        <p>The adjectives you hear describing CK Euphoria most often include  exotic, romantic, sexy, seductive, and sensual. The woody, oriental scent has notes of pomegranate lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
                                        <p>The adjectives you hear describing CK Euphoria most often include  exotic, romantic, sexy, seductive, and sensual. The woody, oriental scent has notes of pomegranate lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
                                    </div>
                                    
                                    <blockquote>The adjectives you hear describing CK Euphoria most often include  exotic, romantic, sexy, seductive, and sensual. The woody, oriental scent has notes of pomegranate lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</blockquote>
                                    
                                    <div class="text margin-bott-30">
                                        <p>The adjectives you hear describing CK Euphoria most often include  exotic, romantic, sexy, seductive, and sensual. The woody, oriental scent has notes of pomegranate lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                                    </div>
                                    
                                </div>
                                
                            </div>
                                    
                        </article>
                        
                        <!--Author Details-->
                        <div class="author-details">
                        	<div class="inner-content">
                            	<figure class="author-thumb"><img class="img-circle" src="images/resource/author-thumb.jpg" alt=""></figure>
                                <div class="text">
                                	<p>The adjectives you hear describing CK Euphoria most often include  exotic, romantic, sexy, seductive, and sensual. The woody, oriental scent has notes of pomegranate lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                                    <strong>JOHN DOE</strong>
                                </div>
                            </div>
                        </div>
                        
                        <!--Comments Container-->
                        <div class="comments-container">
                        	<div class="normal-title">
                            	<h3>COMMENT (2)</h3>
                            </div>	
                            
                            <!--Commment Box-->
                            <div class="comment-box">
                            	<div class="inner">
                                	<figure class="image"><img src="images/resource/author-thumb-2.jpg" alt=""></figure>
                                    <div class="content">
                                    	<h3 class="author-title">Martha LUIS</h3>
                                        <div class="text">The adjectives you hear describing CK Euphoria most often include  exotic, romantic, sexy, seductive, and sensual. lorem ipsum dolorado</div>
                                    </div>
                                </div>
                            </div>
                            
                            <!--Commment Box-->
                            <div class="comment-box">
                            	<div class="inner">
                                	<figure class="image"><img src="images/resource/author-thumb-3.jpg" alt=""></figure>
                                    <div class="content">
                                    	<h3 class="author-title">JOHN LUIS</h3>
                                        <div class="text">The adjectives you hear describing CK Euphoria most often include  exotic, romantic, sexy, seductive, and sensual. lorem ipsum dolorado</div>
                                    </div>
                                </div>
                            </div>
                            
                            
                        </div>
                        
                        <!--Comment Form-->
                        <div class="comments-form-outer">
                        	<div class="normal-title">
                            	<h3>SUBMIT YOUR MESSAGE</h3>
                            </div>
                            
                            <form method="post" action="index.html">
                            	<div class="row clearfix">
                            		
                                    <div class="form-group col-md-6 col-sm-6 col-xs-12">
                                    	<input type="text" name="name" value="" placeholder="Your name" required>
                                    </div>
                                    
                                    <div class="form-group col-md-6 col-sm-6 col-xs-12">
                                    	<input type="email" name="email" value="" placeholder="Your Email" required>
                                    </div>
                                    
                                    <div class="form-group col-md-12 col-sm-12 col-xs-12">
                                    	<textarea name="message" placeholder="Your Message" required></textarea>
                                    </div>
                                    
                                    <div class="form-group col-md-12 col-sm-12 col-xs-12">
                                    	<button type="button" class="theme-btn btn-style-four">SUBMIT YOUR MESSAGE</button>
                                    </div>
                                    
                                </div>
                            </form>
                            
                        </div>
            
                    </div>
                </div>
                
                <!--Sidebar-->
                <div class="sidebar-outer col-lg-3 col-md-4 col-sm-6 col-xs-12 pull-left">
                	<aside class="sidebar">
                    	
                        <!--Search Widget-->
                        <div class="sidebar-widget search-widget">
                        	<form method="post" action="index.html">
                                <div class="form-group">
                                    <input type="search" name="search" value="" placeholder="SEARCH">
                                    <button type="submit" class="theme-btn"><span class="fa fa-search"></span></button>
                                </div>
                            </form>
                        </div>
                        
                        <!--Links Widget-->
                        <div class="sidebar-widget links-widget">
                        	<ul>
                            	<li><a href="blog-single.html#">ART &amp; LIFESTYLE</a></li>
                                <li><a href="blog-single.html#">ENTERTAINMENT</a></li>
                                <li><a href="blog-single.html#">EDUCATION</a></li>
                                <li><a href="blog-single.html#">MISCELLANIOUS</a></li>
                                <li><a href="blog-single.html#">TECHNOLOGY</a></li>
                                <li><a href="blog-single.html#">NON PROFIT</a></li>
                                <li><a href="blog-single.html#">BUSINESS</a></li>

                            </ul>
                        </div>
                        
                        <!--Links Widget-->
                        <div class="sidebar-widget social-widget">
                        	<div class="widget-inner">
                            	<h3>LATEST POST</h3>
                                <hr>
                                <!--News Block-->
                                <div class="news-block twitter">
                                	<div class="icon-box"><span class="fa fa-twitter"></span></div>
                                    <div class="post-content"><a href="blog-single.html#">Lorem ipsum dolor sitamet consectuerer dolorado...</a><div class="time">posted 5 min ago</div></div>
                                </div>
                                
                                <!--News Block-->
                                <div class="news-block pinterest">
                                	<div class="icon-box"><span class="fa fa-pinterest-p"></span></div>
                                    <div class="post-content"><a href="blog-single.html#">Lorem ipsum dolor sitamet consectuerer dolorado...</a><div class="time">posted 5 min ago</div></div>
                                </div>
                                
                            </div>
                        	
                        </div>
                        
                        <!--Links Widget-->
                        <div class="sidebar-widget popular-tags">
                        	<div class="widget-inner">
                            	<h3>Popular Tags</h3>
                                <hr>
                                
                                <div class="tags-list">
                                	<a href="blog-single.html#">Lifestyle</a> <a href="blog-single.html#">Business</a> <a href="blog-single.html#">Education</a> <a href="blog-single.html#">Misc</a> <a href="blog-single.html#">Entertainment</a> <a href="blog-single.html#">Technology</a>
                                </div>
                                
                            </div>
                        	
                        </div>
                        
                        <!--Links Widget-->
                        <div class="sidebar-widget archives-widget">
                        	<div class="widget-inner">
                            	<h3>Archives</h3>
                                <hr>
                                
                                <ul>
                                    <li><a href="blog-single.html#"> JANUARY 2016</a></li>
    								<li><a href="blog-single.html#">FEBRUARY 2016</a></li>
                                    <li><a href="blog-single.html#">MARCH 2016</a></li>
    								<li><a href="blog-single.html#">APRIL 2016</a></li>
                                </ul>
                            </div>
                        </div>
                        
                        
                    </aside>
                </div>
                
                
            </div>
        </div>
    </div>
    
    
    <!--Main Footer-->
    <footer class="main-footer">
    	<div class="upper-part">
        	
        	<div class="auto-container">
            	<div class="logo"><a href="blog-single.html#"><img src="images/logo-2.png" alt=""></a></div>
                <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div>
                <div class="footer-social-links clearfix">
                	<a href="blog-single.html#" class="social-link clearfix"><span class="icon fa fa-facebook-f"></span><span class="txt">Facebook</span></a>
                    <a href="blog-single.html#" class="social-link clearfix"><span class="icon fa fa-twitter"></span><span class="txt">Twitter</span></a>
                    <a href="blog-single.html#" class="social-link clearfix"><span class="icon fa fa-pinterest"></span><span class="txt">Pinterest</span></a>
                    <a href="blog-single.html#" class="social-link clearfix"><span class="icon fa fa-dribbble"></span><span class="txt">Dribble</span></a>
                </div>
                
                <!--Sponsors Carousel-->
                <div class="sponsors-outer">
                	<!--Sponsors Carousel-->
                    <ul class="sponsors-carousel">
                    	<li class="slide-item"><figure class="image-box"><a href="blog-single.html#"><img src="images/clients/image-1.png" alt=""></a></figure></li>
                        <li class="slide-item"><figure class="image-box"><a href="blog-single.html#"><img src="images/clients/image-2.png" alt=""></a></figure></li>
                        <li class="slide-item"><figure class="image-box"><a href="blog-single.html#"><img src="images/clients/image-3.png" alt=""></a></figure></li>
                        <li class="slide-item"><figure class="image-box"><a href="blog-single.html#"><img src="images/clients/image-4.png" alt=""></a></figure></li>
                        <li class="slide-item"><figure class="image-box"><a href="blog-single.html#"><img src="images/clients/image-5.png" alt=""></a></figure></li>
                    </ul>
                </div>
                
            </div>
        </div>
        
        <!--Footer Bottom-->
        <div class="footer-bottom">
        	<div class="auto-container">
            	<div class="text"><span class="theme_color">VOLTER</span> &copy; 2016 All Right Reserved Themexriver <br>Made with love by <a target="_blank" href="http://themeforest.net/user/themexriver/">Themexriver</a></div>
            </div>
        </div>
        
    </footer>
    
</div>
<!--End pagewrapper-->

<!--Scroll to top-->
<div class="scroll-to-top"><span class="icon fa fa-long-arrow-up"></span></div>


<script src="js/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/bxslider.js"></script>
<script src="js/owl.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/wow.js"></script>
<script src="js/script.js"></script>
</body>
</html>